<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="admin/common/html/head :: head_Normal(~{::title},~{::link},~{::style})">

<title th:text=${title}></title>
<!-- 这儿引用单独的css link -->
<!-- Ladda for Bootstrap 3按钮加载进度插件 -->
<link rel="stylesheet" th:href="@{/static/admin/assets/js/button/ladda/ladda.min.css}">
<!-- jquery向导插件stepy -->
<link th:href="@{/static/admin/assets/js/wizard/css/jquery.steps.css}" rel="stylesheet"/>

<style type="text/css">
/**
*这里写单独的css样式
*/
input[type=text] {
       color: #9ea7b3!important;
}
#tab section {
    overflow: hidden;
    text-align: left;
}
</style>

</head>

<body id="listbody">
<!-- ###############################代码编写处############################### -->
<!-- 右边内容 -->
<div class="wrap-fluid">
	<div class="container-fluid paper-wrap bevel tlbr">
		<!-- 内容 -->
		<!--标题 通用-->
		<div th:replace="admin/common/html/title :: title(${title},${parenttitle},${isMsg},${msgHTML})">
		</div>
		<!-- 结束标题 通用-->
		<div class="content-wrap">
			<!-- 结束内容 -->
			<div class="row">
				<div class="col-sm-12">
					<!-- 空白页开始-->
					<div class="nest" id="Blank_PageClose">
						<div class="title-alt">
							<h6>定时器表达式生成</h6>
							<div class="titleClose">
								<a class="gone" href="#Blank_PageClose">
								<span class="entypo-cancel"></span>
								</a>
							</div>
							<div class="titleToggle">
								<a class="nav-toggle-alt" href="#Blank_Page_Content">
								<span class="entypo-up-open"></span>
								</a>
							</div>
						</div>
						<div class="body-nest" id="Blank_Page_Content">
							<center>
							<div class="body-nest" id="tab">
								<div id="wizard-tab">
									<h2>秒</h2>
									<section>
									<div title="秒">
										<div class="line">
											<input type="radio" checked="checked" name="second" onclick="everyTime(this)"> 每秒 允许的通配符[, - * /]
										</div>
										<div class="line">
											<input type="radio" name="second" onclick="cycle(this)"> 周期从
											<input class="numberspinner" type="number" style="width: 60px;" data-options="min:1,max:58" value="1" id="secondStart_0"> -
											<input class="numberspinner" type="number" style="width: 60px;" data-options="min:2,max:59" value="2" id="secondEnd_0"> 秒
										</div>
										<div class="line">
											<input type="radio" name="second" onclick="startOn(this)"> 从
											<input class="numberspinner" type="number" style="width: 60px;" data-options="min:0,max:59" value="0" id="secondStart_1"> 秒开始,每
											<input class="numberspinner" type="number" style="width: 60px;" data-options="min:1,max:59" value="1" id="secondEnd_1"> 秒执行一次
										</div>
										<div class="line">
											<input type="radio" name="second" id="sencond_appoint"> 指定
										</div>
										<div class="imp secondList">
											<input type="checkbox" value="0">00
											<input type="checkbox" value="1">01
											<input type="checkbox" value="2">02
											<input type="checkbox" value="3">03
											<input type="checkbox" value="4">04
											<input type="checkbox" value="5">05
											<input type="checkbox" value="6">06
											<input type="checkbox" value="7">07
											<input type="checkbox" value="8">08
											<input type="checkbox" value="9">09
										</div>
										<div class="imp secondList">
											<input type="checkbox" value="10">10
											<input type="checkbox" value="11">11
											<input type="checkbox" value="12">12
											<input type="checkbox" value="13">13
											<input type="checkbox" value="14">14
											<input type="checkbox" value="15">15
											<input type="checkbox" value="16">16
											<input type="checkbox" value="17">17
											<input type="checkbox" value="18">18
											<input type="checkbox" value="19">19
										</div>
										<div class="imp secondList">
											<input type="checkbox" value="20">20
											<input type="checkbox" value="21">21
											<input type="checkbox" value="22">22
											<input type="checkbox" value="23">23
											<input type="checkbox" value="24">24
											<input type="checkbox" value="25">25
											<input type="checkbox" value="26">26
											<input type="checkbox" value="27">27
											<input type="checkbox" value="28">28
											<input type="checkbox" value="29">29
										</div>
										<div class="imp secondList">
											<input type="checkbox" value="30">30
											<input type="checkbox" value="31">31
											<input type="checkbox" value="32">32
											<input type="checkbox" value="33">33
											<input type="checkbox" value="34">34
											<input type="checkbox" value="35">35
											<input type="checkbox" value="36">36
											<input type="checkbox" value="37">37
											<input type="checkbox" value="38">38
											<input type="checkbox" value="39">39
										</div>
										<div class="imp secondList">
											<input type="checkbox" value="40">40
											<input type="checkbox" value="41">41
											<input type="checkbox" value="42">42
											<input type="checkbox" value="43">43
											<input type="checkbox" value="44">44
											<input type="checkbox" value="45">45
											<input type="checkbox" value="46">46
											<input type="checkbox" value="47">47
											<input type="checkbox" value="48">48
											<input type="checkbox" value="49">49
										</div>
										<div class="imp secondList">
											<input type="checkbox" value="50">50
											<input type="checkbox" value="51">51
											<input type="checkbox" value="52">52
											<input type="checkbox" value="53">53
											<input type="checkbox" value="54">54
											<input type="checkbox" value="55">55
											<input type="checkbox" value="56">56
											<input type="checkbox" value="57">57
											<input type="checkbox" value="58">58
											<input type="checkbox" value="59">59
										</div>
									</div>
									</section>
									<h2>分钟</h2>
									<section>
									<div title="分钟">
										<div class="line">
											<input type="radio" checked="checked" name="min" onclick="everyTime(this)"> 分钟 允许的通配符[, - * /]
										</div>
										<div class="line">
											<input type="radio" name="min" onclick="cycle(this)"> 周期从
											<input class="numberspinner" style="width: 60px;" type="number" data-options="min:1,max:58" value="1" id="minStart_0"> -
											<input class="numberspinner" style="width: 60px;" type="number" data-options="min:2,max:59" value="2" id="minEnd_0"> 分钟
										</div>
										<div class="line">
											<input type="radio" name="min" onclick="startOn(this)"> 从
											<input class="numberspinner" style="width: 60px;" data-options="min:0,max:59" value="0" id="minStart_1"> 分钟开始,每
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:59" value="1" id="minEnd_1"> 分钟执行一次
										</div>
										<div class="line">
											<input type="radio" name="min" id="min_appoint"> 指定
										</div>
										<div class="imp minList">
											<input type="checkbox" value="0">00
											<input type="checkbox" value="1">01
											<input type="checkbox" value="2">02
											<input type="checkbox" value="3">03
											<input type="checkbox" value="4">04
											<input type="checkbox" value="5">05
											<input type="checkbox" value="6">06
											<input type="checkbox" value="7">07
											<input type="checkbox" value="8">08
											<input type="checkbox" value="9">09
										</div>
										<div class="imp minList">
											<input type="checkbox" value="10">10
											<input type="checkbox" value="11">11
											<input type="checkbox" value="12">12
											<input type="checkbox" value="13">13
											<input type="checkbox" value="14">14
											<input type="checkbox" value="15">15
											<input type="checkbox" value="16">16
											<input type="checkbox" value="17">17
											<input type="checkbox" value="18">18
											<input type="checkbox" value="19">19
										</div>
										<div class="imp minList">
											<input type="checkbox" value="20">20
											<input type="checkbox" value="21">21
											<input type="checkbox" value="22">22
											<input type="checkbox" value="23">23
											<input type="checkbox" value="24">24
											<input type="checkbox" value="25">25
											<input type="checkbox" value="26">26
											<input type="checkbox" value="27">27
											<input type="checkbox" value="28">28
											<input type="checkbox" value="29">29
										</div>
										<div class="imp minList">
											<input type="checkbox" value="30">30
											<input type="checkbox" value="31">31
											<input type="checkbox" value="32">32
											<input type="checkbox" value="33">33
											<input type="checkbox" value="34">34
											<input type="checkbox" value="35">35
											<input type="checkbox" value="36">36
											<input type="checkbox" value="37">37
											<input type="checkbox" value="38">38
											<input type="checkbox" value="39">39
										</div>
										<div class="imp minList">
											<input type="checkbox" value="40">40
											<input type="checkbox" value="41">41
											<input type="checkbox" value="42">42
											<input type="checkbox" value="43">43
											<input type="checkbox" value="44">44
											<input type="checkbox" value="45">45
											<input type="checkbox" value="46">46
											<input type="checkbox" value="47">47
											<input type="checkbox" value="48">48
											<input type="checkbox" value="49">49
										</div>
										<div class="imp minList">
											<input type="checkbox" value="50">50
											<input type="checkbox" value="51">51
											<input type="checkbox" value="52">52
											<input type="checkbox" value="53">53
											<input type="checkbox" value="54">54
											<input type="checkbox" value="55">55
											<input type="checkbox" value="56">56
											<input type="checkbox" value="57">57
											<input type="checkbox" value="58">58
											<input type="checkbox" value="59">59
										</div>
									</div>
									</section>
									<h2>小时</h2>
									<section>
									<div title="小时">
										<div class="line">
											<input type="radio" checked="checked" name="hour" onclick="everyTime(this)"> 小时 允许的通配符[, - * /]
										</div>
										<div class="line">
											<input type="radio" name="hour" onclick="cycle(this)"> 周期从
											<input class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0" id="hourStart_0"> -
											<input class="numberspinner" style="width: 60px;" data-options="min:2,max:23" value="2" id="hourEnd_1"> 小时
										</div>
										<div class="line">
											<input type="radio" name="hour" onclick="startOn(this)"> 从
											<input class="numberspinner" style="width: 60px;" data-options="min:0,max:23" value="0" id="hourStart_1"> 小时开始,每
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:23" value="1" id="Text1"> 小时执行一次
										</div>
										<div class="line">
											<input type="radio" name="hour" id="hour_appoint"> 指定
										</div>
										<div class="imp hourList">
												 AM:
											<input type="checkbox" value="0">00
											<input type="checkbox" value="1">01
											<input type="checkbox" value="2">02
											<input type="checkbox" value="3">03
											<input type="checkbox" value="4">04
											<input type="checkbox" value="5">05
											<input type="checkbox" value="6">06
											<input type="checkbox" value="7">07
											<input type="checkbox" value="8">08
											<input type="checkbox" value="9">09
											<input type="checkbox" value="10">10
											<input type="checkbox" value="11">11
										</div>
										<div class="imp hourList">
												 PM:
											<input type="checkbox" value="12">12
											<input type="checkbox" value="13">13
											<input type="checkbox" value="14">14
											<input type="checkbox" value="15">15
											<input type="checkbox" value="16">16
											<input type="checkbox" value="17">17
											<input type="checkbox" value="18">18
											<input type="checkbox" value="19">19
											<input type="checkbox" value="20">20
											<input type="checkbox" value="21">21
											<input type="checkbox" value="22">22
											<input type="checkbox" value="23">23
										</div>
									</div>
									</section>
									<h2>日</h2>
									<section>
									<div title="日">
										<div class="line">
											<input type="radio" checked="checked" name="day" onclick="everyTime(this)"> 日 允许的通配符[, - * / L W]
										</div>
										<div class="line">
											<input type="radio" name="day" onclick="unAppoint(this)"> 不指定
										</div>
										<div class="line">
											<input type="radio" name="day" onclick="cycle(this)"> 周期从
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayStart_0"> -
											<input class="numberspinner" style="width: 60px;" data-options="min:2,max:31" value="2" id="dayEnd_0"> 日
										</div>
										<div class="line">
											<input type="radio" name="day" onclick="startOn(this)"> 从
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayStart_1"> 日开始,每
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayEnd_1"> 天执行一次
										</div>
										<div class="line">
											<input type="radio" name="day" onclick="workDay(this)"> 每月
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:31" value="1" id="dayStart_2"> 号最近的那个工作日
										</div>
										<div class="line">
											<input type="radio" name="day" onclick="lastDay(this)"> 本月最后一天
										</div>
										<div class="line">
											<input type="radio" name="day" id="day_appoint"> 指定
										</div>
										<div class="imp dayList">
											<input type="checkbox" value="1">1
											<input type="checkbox" value="2">2
											<input type="checkbox" value="3">3
											<input type="checkbox" value="4">4
											<input type="checkbox" value="5">5
											<input type="checkbox" value="6">6
											<input type="checkbox" value="7">7
											<input type="checkbox" value="8">8
											<input type="checkbox" value="9">9
											<input type="checkbox" value="10">10
											<input type="checkbox" value="11">11
											<input type="checkbox" value="12">12
											<input type="checkbox" value="13">13
											<input type="checkbox" value="14">14
											<input type="checkbox" value="15">15
											<input type="checkbox" value="16">16
										</div>
										<div class="imp dayList">
											<input type="checkbox" value="17">17
											<input type="checkbox" value="18">18
											<input type="checkbox" value="19">19
											<input type="checkbox" value="20">20
											<input type="checkbox" value="21">21
											<input type="checkbox" value="22">22
											<input type="checkbox" value="23">23
											<input type="checkbox" value="24">24
											<input type="checkbox" value="25">25
											<input type="checkbox" value="26">26
											<input type="checkbox" value="27">27
											<input type="checkbox" value="28">28
											<input type="checkbox" value="29">29
											<input type="checkbox" value="30">30
											<input type="checkbox" value="31">31
										</div>
									</div>
									</section>
									<h2>月</h2>
									<section>
									<div title="月">
										<div class="line">
											<input type="radio" checked="checked" name="mouth" onclick="everyTime(this)"> 月 允许的通配符[, - * /]
										</div>
										<div class="line">
											<input type="radio" name="mouth" onclick="unAppoint(this)"> 不指定
										</div>
										<div class="line">
											<input type="radio" name="mouth" onclick="cycle(this)"> 周期从
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1" id="mouthStart_0"> -
											<input class="numberspinner" style="width: 60px;" data-options="min:2,max:12" value="2" id="mouthEnd_0"> 月
										</div>
										<div class="line">
											<input type="radio" name="mouth" onclick="startOn(this)"> 从
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1" id="mouthStart_1"> 日开始,每
											<input class="numberspinner" style="width: 60px;" data-options="min:1,max:12" value="1" id="mouthEnd_1"> 月执行一次
										</div>
										<div class="line">
											<input type="radio" name="mouth" id="mouth_appoint"> 指定
										</div>
										<div class="imp mouthList">
											<input type="checkbox" value="1">1
											<input type="checkbox" value="2">2
											<input type="checkbox" value="3">3
											<input type="checkbox" value="4">4
											<input type="checkbox" value="5">5
											<input type="checkbox" value="6">6
											<input type="checkbox" value="7">7
											<input type="checkbox" value="8">8
											<input type="checkbox" value="9">9
											<input type="checkbox" value="10">10
											<input type="checkbox" value="11">11
											<input type="checkbox" value="12">12
										</div>
									</div>
									</section>
									<h2>周</h2>
									<section>
									<div title="周">
										<div class="line">
											<input type="radio" checked="checked" name="week" onclick="everyTime(this)"> 周 允许的通配符[, - * / L #]
										</div>
										<div class="line">
											<input type="radio" name="week" onclick="unAppoint(this)"> 不指定
										</div>
										<div class="line">
											<input type="radio" name="week" onclick="startOn(this)"> 周期 从星期<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7" id="weekStart_0" value="1"> -
											<input class="numberspinner" style="width: 60px;" data-options="min:2,max:7" value="2" id="weekEnd_0">
										</div>
										<div class="line">
											<input type="radio" name="week" onclick="weekOfDay(this)"> 第<input class="numberspinner" style="width: 60px;" data-options="min:1,max:4" value="1" id="weekStart_1"> 周 的星期<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7" id="weekEnd_1" value="1">
										</div>
										<div class="line">
											<input type="radio" name="week" onclick="lastWeek(this)"> 本月最后一个星期<input class="numberspinner" style="width: 60px;" data-options="min:1,max:7" id="weekStart_2" value="1">
										</div>
										<div class="line">
											<input type="radio" name="week" id="week_appoint"> 指定
										</div>
										<div class="imp weekList">
											<input type="checkbox" value="1">1
											<input type="checkbox" value="2">2
											<input type="checkbox" value="3">3
											<input type="checkbox" value="4">4
											<input type="checkbox" value="5">5
											<input type="checkbox" value="6">6
											<input type="checkbox" value="7">7
										</div>
									</div>
									</section>
									<h2>年</h2>
									<section>
									<div title="年">
										<div class="line">
											<input type="radio" checked="checked" name="year" onclick="unAppoint(this)"> 不指定 允许的通配符[, - * /] 非必填
										</div>
										<div class="line">
											<input type="radio" name="year" onclick="everyTime(this)"> 每年
										</div>
										<div class="line">
											<input type="radio" name="year" onclick="cycle(this)">周期 从
											<input class="numberspinner" style="width: 90px;" data-options="min:2013,max:3000" id="yearStart_0" value="2013"> -
											<input class="numberspinner" style="width: 90px;" data-options="min:2014,max:3000" id="yearEnd_0" value="2014">
										</div>
									</div>
									</section>
								</div>
							</div>
							</center>
							<div>
								
								<div data-options="region:'south',border:false" style="height: 350px">
					<fieldset style="border-radius: 3px; height: 220px;">
						<legend>表达式</legend>
						<table style="height: 100px;">
							<tbody>
								<tr>
									<td></td>
									<td align="center">秒
									</td>
									<td align="center">分钟
									</td>
									<td align="center">小时
									</td>
									<td align="center">日
									</td>
									<td align="center">月<br /> </td>
									<td align="center">星期
									</td>
									<td align="center">年
									</td>
								</tr>
								<tr>
									<td>表达式字段:
									</td>
									<td> <input type="text" name="v_second" class="col" value="*" readonly="readonly" /> </td>
									<td> <input type="text" name="v_min" class="col" value="*" readonly="readonly" /> </td>
									<td> <input type="text" name="v_hour" class="col" value="*" readonly="readonly" /> </td>
									<td> <input type="text" name="v_day" class="col" value="*" readonly="readonly" /> </td>
									<td> <input type="text" name="v_mouth" class="col" value="*" readonly="readonly" /> </td>
									<td> <input type="text" name="v_week" class="col" value="?" readonly="readonly" /> </td>
									<td> <input type="text" name="v_year" class="col" readonly="readonly" /> </td>
								</tr>
								<tr>
									<td>Cron 表达式:</td>
									<td colspan="7"> <input type="text" name="cron" style="width: 100%;" value="* * * * * ?" id="cron" /></td>
								</tr>
								<tr>
									<td colspan="8">
									<div class="btn-group" role="group" aria-label="..." style="margin-top: 20px;">
										<button type="button" class="btn btn-primary" onclick="btnrun();">运行</button>
										<button type="button" class="btn btn-danger" onclick="$('#runTime').text('');btnFan()">cron表达式转成字段</button>
									</div>
									
								</tr>
								<tr>
									<td colspan="8">最近5次运行时间:</td>
								</tr>
								<tr>
									<td colspan="8" id="runTime"></td>
								</tr>
							</tbody>
						</table>
					</fieldset>
					<div style="text-align: center; margin-top: 5px;"> </div>
					
				</div>
								
							</div>
						</div>
					</div>
				</div>
				<!-- 空白页结束 -->
			</div>
			<!-- 结束内容 -->
		</div>
	</div>
</div>
<!-- 结束右边内容 -->
<!-- ###############################代码编写处############################### -->
<!-- 通用js -->
<div th:include="admin/common/html/js :: onload_js">
   
</div>

<!-- 弹窗 -->
<script th:src="@{/static/admin/assets/js/layer/layer.js}" type="text/javascript"></script>
<!-- jquery向导插件stepy -->
<script type="text/javascript" th:src="@{/static/admin/assets/js/wizard/build/jquery.steps.js}"></script>
<!-- 定时器 -->
<script th:src="@{/static/quartz/jquery.easyui.min.js}" type="text/javascript"></script>


<script type="text/javascript">
$("#wizard-tab").steps({
    headerTag: "h2",
    bodyTag: "section",
    transitionEffect: "none",
    enableFinishButton: false,
    enablePagination: false,
    enableAllSteps: true,
    titleTemplate: "#title#",
    cssClass: "tabcontrol"
});
</script>



</body>


</html>
